.card {
  ::-webkit-scrollbar {
    display: none;
  }
  .filterDiv {
    width: 100vw;
    padding-top: 8rpx;
    padding-bottom: 24rpx;
    position: relative;
    display: flex;
    align-items: center;
    .cardTab {
      width: 100%;
    }
  }
  .empty {
    margin: 160rpx auto 0;
    font-size: 32rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 44rpx;
    display: flex;
    flex-direction: column;
    align-items: center;

    .emptyImage {
      width: 256rpx;
      height: 176rpx;
      margin-bottom: 42rpx;
    }
  }
  .cardListDiv {
    position: relative;
  }
  .cardList {
    // bcard-radius: 48rpx 48rpx 0px 0px;
    padding: 32rpx;
    padding-bottom: 80rpx;
    .cardItem {
      width: 686rpx;
      height: 240rpx;
      position: relative;

      margin-bottom: 32rpx;
      &.cardItemDisable {
      }
      .cardBg {
        width: 100%;
        height: 100%;
        border-radius: 30rpx;
      }
      .cardItemContent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 36rpx 28rpx 36rpx;
        .cardTitle {
          display: flex;
          justify-content: space-between;
          align-items: center;
          color: #fff;
          .cardName {
            font-size: 36rpx;
            font-weight: bold;
          }
          .cardNum {
            font-size: 28rpx;
          }
        }
        .cardsub {
          font-size: 24rpx;
          color: #ffffffd2;
          margin: 20rpx 0 30rpx;
        }
        .cardButton {
          display: flex;
          justify-content: flex-end;
          .btn {
            background: #fffffff8;
            border-radius: 32rpx;
            border: 2rpx solid #4c71ee;
            font-family: PingFangSC, PingFang SC;
            font-size: 24rpx;
            color: #4c71ee;
            line-height: 32rpx;
            padding: 8rpx 32rpx;
            display: inline-block;
            margin-left: 14rpx;
          }
        }
      }
    }
  }
  .cardListScroll {
    background: #f7f8f9;
    height: calc(100vh - 44rpx - env(safe-area-inset-bottom));
  }
}
